<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>My Web Application</title>
<meta  name="viewport" content="width=divice-width, initial-scale=1">
<link rel="stylesheet" href="themes/Theme_app.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/Css_Header.css">
</head> 
<body> 
<div data-role="page" id="page">
	<div data-role="header">
    <a href="index.html" class="ui-btn ui-corner-all ui-icon-home ui-btn-icon-notext">Home Icon</a>
		<h1>My Web Application</h1>
	</div>
    <div >
        <img src="images/banner.jpg" width="1500" height="100">   
    </div>  
    <div align="center">
        เว็บแอพพพลิเคชั่นเตรียมพร้อมสอบใบขับขี่รถยนต์ส่วนบุคคล
   </div>
	
     <div data-role="main" class="ui-content">
        <div data-role="collapsible" data-theme="b" data-content-theme="b">
        <h4>Click  - ป้ายเตือน</h4>
        <ul data-role="listview">

     <table width="80%" align="center" border="0">
     <?php 
     include('connect/connect.php');
	 $strSQL="select * from image";
	 $objQuery=mysql_query($strSQL) or die("Error Query[".$strSQL."]");	
	 ?>	
	
        <div class="table">	
        <?php
		$i=0;
		while($objResult = mysql_fetch_array($objQuery))
		{
			$i++;			
		 ?>
        <div class="tr">
           <div class="th" style="width:50px"><?php echo "$i" ?>.</div>                          
           <div class="th"><img src="images/<?php echo $objResult["image_path"];?>" width="50" height="50"></div>            
        
        <div class="tr">
        
           <div class="th"><?=$objResult["image_name"];?></div>            
        </div>
        </div>
        <?php
		echo"<br>";
		}
		 ?>
        </div>	
        <?php 
		mysql_close();
		?>
        
       </table>
     </ul>
  </div> 
  
    <div data-role="collapsible" data-theme="b" data-content-theme="b">
    <h4>Click  - ป้ายบังคับ</h4>
    <ul data-role="listview">   
       <table width="80%" align="center" border="0">
       <?php 
	include('connect/connect.php');
	$strSQL="select * from image_2";
	$objQuery=mysql_query($strSQL) or die("Error Query[".$strSQL."]");	
	?>	

        <div class="table">	
        <?php
		$i=0;
		while($objResult = mysql_fetch_array($objQuery))
		{
			$i++;			
		 ?>
        <div class="tr">
           <div class="th" style="width:50px"><?php echo "$i" ?>.</div>                          
           <div class="th"><img src="images/<?php echo $objResult["IMPath_Force"];?>" width="50" height="50"></div>            
        
        <div class="tr">
           
           <div class="th"> <?=$objResult["IMName_Force"];?></div>            
        </div>
        </div>
        <?php
		echo"<br>";
		}
		 ?>
        </div>	
        <?php 
		mysql_close();
		?>
        
        </table>
         </ul>
    </div>
  </div>   
        <a href="index.html" class="ui-btn ui-icon-back ui-btn-icon-left" data-transition="slide" data-direction="reverse" >กลับหน้าเมนูหลัก</a>
	<div data-role="footer">
		<h4>@Computer Science</h4>
	</div>
</div>
</body>
</html>